<template>
  <div class="me-wrap">
    <template v-if="isLogin">
      <header class="me-head">
        <van-image
          round
          width="80"
          height="80"
          class="my-image"
          src="https://img01.yzcdn.cn/vant/cat.jpeg"
        />
        <div class="me-user">用户</div>
      </header>

      <div class="me-content">
        <van-cell title="我的活动" is-link url="/myactivity" />
        <van-cell title="我的钱包" is-link url="/myactivity" />
        <van-cell title="我的优惠卷" is-link url="/myactivity" />
        <van-cell title="反馈" is-link url="/myactivity" />
        <van-cell title="设置" is-link url="/myactivity" />
      </div>
    </template>
    <template v-else>
      <van-button type="primary" url="/login">登录 / 注册</van-button>
    </template>
  </div>
</template>

<script>
export default {
  name: "MeView",
  data() {
    return {
      isLogin: false,
    };
  },
};
</script>

<style lang="scss" scoped>
.me-head {
  display: table-cell;
  width: 375px;
  vertical-align: middle;
  height: 160px;
  background: #fff;

  .me-user {
    padding-top: 10px;
  }
}
.me-content {
  margin-top: 20px;
}
</style>